<template>
    <div class="recomm">
         <section>
             <RecommendsList></RecommendsList>
         </section>
        <footer>
            <FooterBar></FooterBar>
        </footer>
    </div>
</template>
<script>
import FooterBar from "@/components/footerBar";
import RecommendsList from "@/components/recommendsList"
export default {
    name:"Recommend",
    props:{

    },
    components:{
        FooterBar,
        RecommendsList
    },
    data(){
        return {

        }
    },
    computed:{
        
    },
    methods:{
        
    },
    created(){
      
    },
    mounted(){

    }
}
</script>
<style scoped lang="scss">
@import "~@/scss/common.scss";
.recomm{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    section{
        flex:1;
        overflow-y:scroll;
         &::-webkit-scrollbar{
	     display: none;
     }
    }
    footer{
       width:100%;
       height:pxTorem(50px);
    }
}
</style>